//分类导航组件
import React from 'react'
//引入样式
import '../../asset/css/home/kind.css'
//创建组件
class Kind extends React.Component{
    render(){
        return(
            <div className='kind'>
                <div>
                    <img src="https://fuss10.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>美食</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/1/48/bf1a859bf81553bbcfd6cf4ac42cbjpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>早餐</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/c/7e/76a23eb90dada42528bc41499d6f8jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>商超便利</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/0/d0/dd7c960f08cdc756b1d3ad54978fdjpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>水果</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/7/0a/af108e256ebc9f02db599592ae655jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>医药健康</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/3/01/c888acb2c8ba9e0c813f36ec9e90ajpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>浪漫鲜花</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/e/58/bceb19258e3264e64fb856722c3c1jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>跑腿代购</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/b/7f/432619fb21a40b05cd25d11eca02djpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>汉堡披萨</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/c/21/e42997b86b232161a5a16ab813ae8jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>厨房生鲜</span>
                </div>

                <div>
                    <img src="https://fuss10.elemecdn.com/a/78/0fb469b2da210827ec16896e00420jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/" alt=""/>
                    <span>炸鸡炸串</span>
                </div>
            </div>
        )
    }
}
//暴露出去
export default Kind;